.replaybar-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6.78rem;
    width: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    .replaybar-left {
        .el-form {
            display: flex;
            align-items: center;
            .el-form-item {
                display: flex;
                align-items: center;
                margin: 0 1rem;
                input::-webkit-input-placeholder {
                    color: #cccccc !important;
                }
                .el-range-editor {
                    position: relative;
                    background: transparent;
                    border: 0;
                    .el-range__icon {
                        display: none;
                    }
                    .el-range-separator {
                        padding: 0;
                        width: 4rem;
                        color: #fff;
                    }
                    .el-range-input {
                        width: 100%;
                        height: 2.28rem;
                        background-color: #ffffff;
                        border-radius: 0.22rem;
                        border: solid 0.06rem #cccccc;
                    }
                    .el-range__close-icon {
                        position: absolute;
                        right: 0;
                    }
                }
                .el-range-editor.el-input__inner {
                    padding: 3px 0;
                }
                .el-input__inner {
                    color: #000;
                }
                .el-form-item__content{
                    width: 60%;
                }
            }
        }
    }
    .replaybar-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        .palybox {
            display: flex;
            span {
                width: 3.78rem;
                height: 3.78rem;
                margin: 0 0.6rem;
                background-size: 100% auto;
                background-repeat: no-repeat;
                background-position: center center;
                cursor: pointer;
            }
            span:first-child {
                background-image: url(../images/chatplayicon.png);
            }
            span:last-child {
                background-image: url(../images/chatpanuseicon.png);
            }
        }
        .largerbox {
            display: flex;
            padding-right: 1.11rem;
            span {
                display: flex;align-items: center;justify-content: center;
                margin-left: 1.89rem;
                // width: 4.89rem;
                height: 3.11rem;
                background-color: #000000;
                font-size: 1.22rem;
                padding: 0 1rem;
                color: #ffffff;
                cursor: pointer;
            }
            span:active{
                background-color: #062e4d;
            }
            span:hover{
                background-color: #062e4d;
            }
        }
    }
    * {
        color: #fff;
        font-size: 0.78rem;
    }
    input{
        width: 11rem !important;
    }
}